<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 通过行内元素进行设置事件处理 -->
    <a href="#" onclick="alert('我被点击了')">点我点我</a>
    <div id="div01">
        这是一个div
    </div>
    <img src="../js/001.jpg" alt="这是一个小娜扎" width="300px" height="300px">
</body>
<script>
    //定位事件源
    //定位事件
    let el1=document.querySelector("div");
    console.log(el1.innerHTML);
    console.log(el1.innerHTML);
    console.log(el1.innerText);
    //选择事件类型
    el1.onclick=function(){
       
    }
    
    //定位事件源
    let el=document.querySelector("#div01");
    //绑定事件类型
    el.onmousemove=function(){
        //事件处理程序
        console.log("鼠标移动");
    }
    el.onmouseenter=function(){
        console.log("鼠标移入");
    }
    el.onmouseleave=function(){
        console.log("鼠标移出");
    }
    el.onclick=function(){
        console.log("当被点击");
    el.innerHTML="<p>我背修改</p>";
    console.log("修改之后的结果"+el.innerHTML);
    }

</script>
</html>